<!DOCTYPE html>

<html lang="en">

<head>
    <title>关于我们</title>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Hair salon templates for mens hair cut service provider.">
    <meta name="keywords" content="hair salon website templates free download, html5 template, free responsive website templates, website layout,html5 website templates, template for website design, beauty HTML5 templates, cosmetics website templates free download">
    <title>Men Salon | Hair Salon Website Templates Free Download</title>
    <link rel="shortcut icon" href="/xw/img/favicon.ico" type="image/x-icon">
    <!-- Bootstrap -->
    <link href="/xw/css/bootstrap.min.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i%7cMontserrat:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
    <!-- Font Awesome -->
    <link href="/xw/css/font-awesome.min.css" rel="stylesheet">
    <!-- Style -->
    <link href="/xw/css/style.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js "></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js "></script>
    <![endif]-->
    <style>
        /*.navigation li.active {
            background-color: #aa9144;
        }*/
        .footer {
            background: #000000;
            padding-bottom: 100px;
        }

        .footer-block {
            background: none;
            padding-top: 0px;
        }

        .footer-widget li a, .footer .contact li {
            color: #fff;
        }

        .widget-newsletter li {
            text-align: center;
        }

        .be {
            background: url(/xw/img/be.png) no-repeat center / auto 60%;
            padding: 0px 20px;
        }

        .pinter {
            background: url(/xw/img/printerest.png) no-repeat center / auto 60%;
            padding: 0px 40px;
        }

        .pu {
            background: url(/xw/img/puxiang.png) no-repeat center / auto 60%;
            padding: 0px 20px;
        }

        .zcool {
            background: url(/xw/img/zcool.png) no-repeat center / auto 60%;
            padding: 0px 30px;
        }

        p,li{
            cursor:default;
        }

        a {
            cursor:pointer;
        }
    </style>
</head>

<body>
    <div class="header">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12">
                    <a href="Index"><img src="/xw/images/%e4%b8%80%e7%a7%8d%e6%84%9f%e5%8a%a8.png" style="height:40px;margin-top:10px;" alt=""></a>
                </div>
                <div class="col-lg-8 col-md-4 col-sm-12 col-xs-12">
                    <div class="navigation">
                        <div id="navigation">
                            <ul>
                                <li class="active"><a href="Index">首页</a></li>
                                <li>
                                    <a href="Production">作品</a>
                                    <!--<ul>
                                        <li><a href="service-list.html" title="Service List">Service List</a></li>
                                        <li><a href="service-detail.html" title="Service Detail">Service Detail</a></li>
                                    </ul>-->
                                </li>
                                <li>
                                    <a href="AboutUs">关于我们</a>
                                    <!--<ul>
                                        <li><a href="blog-default.html" title="Blog">Blog Default</a></li>
                                        <li><a href="blog-single.html" title="Blog Single ">Blog Single</a></li>
                                    </ul>-->
                                </li>
                                <li>
                                    <a href="Course">课程通知</a>

                                </li>
                                <li><a href="News">动态</a> </li>
                                <li><a href="ContactUs">联系我们</a> </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

<style>
    #navigation li:nth-child(3) a {
        color: #bebebe;
    }
    .imgsty {
        display: block;
        height: auto;
        max-width: 100%;
    }
</style>
<div class=" row">
    <div class="col-md-12">
        <img class="img-responsive center-block" src="/xw/img/%e5%85%b3%e4%ba%8e%e6%88%91%e4%bb%ac.jpg" />

    </div>
</div>




    <div class="footer">
        <!-- footer-->
        <div class="container">
            <div class="footer-block">
                <!-- footer block -->
                <div class="row">
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <div class="footer-widget">

                            <ul class="listnone contact">
                                <li> Yifeeling Design Lab（一种感动） </li>
                                <li>郑州市金水区东风路财智名座1625</li>
                                <li>郑州市中原区翠竹街郑州大学大学科技园</li>
                                <li>COPYRIGHT@Yifeeling Design Lab</li>
								<li>豫ICP备19014938号</li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="footer-widget footer-social">
                            <!-- social block -->

                            <ul class="listnone" style="color:white;">
                                <li>
                                     电话：+86 18129910749
                                </li>
                                <li>电子邮件： young@imlab.cc</li>

                            </ul>
                        </div>
                        <!-- /.social block -->
                    </div>
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                        <div class="footer-widget widget-newsletter">
                            <!-- newsletter block -->

                            <ul class="listnone">
                                <li>
                                    <a href="https://www.zcool.com.cn/u/1172681"> <i class="zcool"></i></a>
                                </li>

                                <li>
                                    <a href="https://www.puxiang.com/u207981"> <i class="pu"></i></a>
                                </li>
                                <li>
                                    <a href="https://www.behance.net/yanglei."> <i class="be"></i></a>
                                </li>
                                <li>
                                    <a href="https://www.pinterest.com/YifeelingDesignLab/"> <i class="pinter"></i></a>
                                </li>
                                <!--<li><a href="#"><i class="fa fa-twitter"></i> </a></li>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i> </a></li>-->

                            </ul>
                        </div>

                        <!-- /input-group -->
                    </div>
                    <div class="col-lg-2 col-md-2 col-sm-6 col-xs-12">
                        <img src="/xw/img/code.jpg" alt="Alternate Text" style="width:45%;display:block;margin:auto;padding-top:11px;" />
                    </div>
                        <!-- newsletter block -->
                    </div>
                </div>

            <!-- /.tiny footer block -->
        </div>
        <!-- /.footer block -->
    </div>
    
    <script src="/ContentPre/js/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/ContentPre/js/bootstrap.min.js"></script>
    <script src="/ContentPre/js/menumaker.js"></script>
    <script src="/ContentPre/js/jquery.sticky.js"></script>
    <script src="/ContentPre/js/sticky-header.js"></script>
    <script src="/ContentPre/js/common.js"></script>
    <script>
        var lis = $('#navigation li');
        $(lis).each(function (index, item) {
            if ($(item).hasClass('active')) {
                $(item).removeClass("active");
            }
        })
        var curLiIndex = '2';
        $(lis[curLiIndex]).addClass("active");
    </script>

    <script>
        var agent = navigator.userAgent;
        if (/.*Firefox.*/.test(agent)) {
            document.addEventListener("DOMMouseScroll", function (e) {
                e = e || window.event;
                var detail = e.detail;
                if (detail > 0) {
                    $("#header").css('display', 'none');
                    $("#content-box").css('padding-top', '0px')
                    
                } else {
                    $("#header").css('display', 'block');
                    $("#content-box").css('padding-top', '82px')
                    
                }
            });
        } else {
            document.onmousewheel = function (e) {
                e = e || window.event;
                var wheelDelta = e.wheelDelta;
                if (wheelDelta > 0) {
                    $("#header").css('display', 'block');
                    $("#content-box").css('padding-top', '82px')
                    
                } else {
                    $("#header").css('display', 'none');
                    $("#content-box").css('padding-top', '0px')
                    
                }
            }
        }
        $(function () {
            var t = 0;
            var p = 0;
            $(window).scroll(function (e) {
                p = $(this).scrollTop();

                if (t <= p && $(this).scrollTop() > 20) {
                    $('.header').fadeOut(600);
                }

                else {
                    $('.header').fadeIn(600);
                }
                setTimeout(function () { t = p; }, 0);

            });
        });
    </script>
    
</body>
</html>
